<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>排版样式</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body style="margin:50px;">

	<h1>button</h1>

	<button class="btn btn-info">Bootstrap</button>

	<hr>
	<h1>p段落</h1>
	<p>Bootstrap 框架</p>
	<p class="lead">Bootstrap 框架</p>

	<hr>
	<h1>h1-h6</h1>
	<h1>Bootstrap 框架</h1>
	<h2>Bootstrap 框架</h2>
	<h3>Bootstrap <small>框架</small></h3>
	<h4>Bootstrap 框架</h4>
	<h5>Bootstrap 框架</h5>
	<h6>Bootstrap 框架</h6>

	<hr>
	<h1>内联文本元素</h1>
	<p>Bootstrap<mark>框架</mark></p>
	<del>Bootstrap 框架</del>
	<s>Bootstrap 框架</s>
	<ins>Bootstrap 框架</ins>
	<u>Bootstrap 框架</u>

	<small>Bootstrap 框架</small>
	<strong>Bootstrap 框架</strong>
	<em>Bootstrap 框架</em>

	<hr>
	<h1>对齐</h1>
	<p class="text-left">Bootstrap 框架</p>
	<p class="text-center">Bootstrap 框架</p>
	<p class="text-right">Bootstrap 框架</p>
	<p class="text-justify">Bootstrap 框架</p>

	<hr>
	<h1>缩略语</h1>
	Bootstrap<abbr title="Boostrap" class="initialism">框架</abbr>

	<hr>
	<h1>地址文本</h1>
	<address>
		<strong>Twitter,Inc.</strong><br>
		795 Folsom Ave<br>
		San Francisco<br>
		<abbr title="Phone">P:</abbr> 18279199626
	</address>

	<hr>
	<h1>大小写</h1>
	<p class="text-lowercase">Bootstrap 框架</p>
	<p class="text-uppercase">Bootstrap 框架</p>
	<p class="text-capitalize">Bootstrap 框架</p>

	<hr>
	<h1>引用文本</h1>
	<blockquote>
		Bootstrap 框架
	</blockquote>
	<blockquote class="blockquote-reverse">
		Bootstrap 框架
	</blockquote>

	<hr>
	<h1>列表排版</h1>
	<ul class="list-unstyled">
		<li>Bootstrap 框架</li>
		<li>Bootstrap 框架</li>
		<li>Bootstrap 框架</li>
		<li>Bootstrap 框架</li>
		<li>Bootstrap 框架</li>
	</ul>

	<ul class="list-inline">
			<li>Bootstrap 框架</li>
			<li>Bootstrap 框架</li>
			<li>Bootstrap 框架</li>
			<li>Bootstrap 框架</li>
			<li>Bootstrap 框架</li>
	</ul>

	<hr>
	<h1>代码</h1>
	<code>public class test</code>
	press <kbd>ctrl + ,</kbd>
	<pre>&lt;p&gt;Please input...&lt;p&gt;</pre>

	<hr>
	<h1>水平排列描述列表</h1>
	<dl class="dl-horizontal">
		<dt>Bootstrap</dt>
		<dd>Bootstrap提供了一些设计好的样式</dd>
	</dl>

	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>